<div class="row bottom">
<div class="col-lg-8 col-md-8 col-sm-7 col-left">
    <div>
        <section>
            <!--banner image-->
            <img src="<?php echo base_url().$project_details['img_url'] ?>" alt="" class="img-responsive">

            <!--project title-->
            <h1><?php echo $project_details['title'] ?></h1>
            <h1 class="spacer">___</h1>

            <!--project tags-->
            <p class="item-tags">
                <a href="#">illustration</a> ,
                <a href="#">graphic design</a> ,
                <a href="#">website</a>
            </p>

            <!--project content-->
            <p class="item-description">
                <strong><?php echo $project_details['summary'] ?></strong>
            </p>
            <?php echo $project_details['content'] ?>
            <!--navigation-->
            <ul class="pager" style="display: none">
                <li class="previous disabled"><a href="#">&lt; Prev</a></li>
                <li class="next"><a href="#">Next &gt;</a></li>
            </ul>
            <hr>
            <!--share-->
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                    <h3 class="share">Share</h3>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 text-right">
                    <a href="#"><img class="social" src="<?php echo base_url() ?>resources/img/icon/icon-mail.png" alt="Mail"></a>
                    <a href="#"><img class="social" src="<?php echo base_url() ?>resources/img/icon/icon-facebook.png" alt="Facebook"></a>
                    <a href="#"><img class="social" src="<?php echo base_url() ?>resources/img/icon/icon-twitter.png" alt="Twitter"></a>
                    <a href="#"><img class="social" src="<?php echo base_url() ?>resources/img/icon/icon-google.png" alt="Google plus"></a>
                </div>
            </div>
            <hr>
            <!--comments start-->
            <div id="disqus_thread"></div>
            <script type="text/javascript">
                /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                var disqus_shortname = 'baokelvin'; // required: replace example with your forum shortname
                /* * * DON'T EDIT BELOW THIS LINE * * */
                (function() {
                    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                })();
            </script>
            <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
            <!--comments end-->
        </section>
    </div>
</div>
<div class="col-lg-4 col-md-4 col-sm-5 col-right">
<div id="scroll-shadow"></div>

<h1 class="visible-xs section-header">Last work</h1>
<h1 class="visible-xs text-center spacer">___</h1>

<!--work choice-->
<div class="item-choice">
    <a href="#" class="filter" data-filter="all">All</a>
    <a href="#" class="filter" data-filter="web-design"> Web design</a>
    <a href="#" class="filter" data-filter="print"> Print</a>
    <a href="#" class="filter" data-filter="illustration">Illustration</a>
    <hr>
</div>

<section class="row" id="Grid">
<!--work 1-->

<?php $count = count($project['id']);
for ($i=0;$i<$count;$i++){ ?>
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6 mix print">
        <div class="panel panel-default item">
            <div class="panel-heading">
                <a href="<?php echo base_url().'index.php/work/project_view/'.$project['id'][$i]?>">
                    <img class="img-responsive item-img" src="<?php echo base_url().$project['img_thumb_url'][$i]?>" alt="Work 2">
                </a>
            </div>
            <div class="panel-body">
                <a href="<?php echo base_url().'work/project_view'.$project['id'][$i]?>"><h4 class="item-title"><?php echo $project['title'][$i] ?></h4></a>
                <p class="item-category">Web design</p>
                <p class="item-description"><?php echo $project['summary'][$i] ?></p>
                <hr>
                <p class="item-tags">
                    <a href="#">illustration</a> ,
                    <a href="#">graphic design</a> ,
                    <a href="#">website</a>
                </p>
            </div>
        </div>
    </div>
<?php } ?>


</section>
<a class="btn btn-block scroll-top visible-xs">
    <img src="<?php echo base_url()?>resources/img/icon/icon-chevron.png" alt="Scroll top">
</a>
</div>
</div>


